.container.grow-shrink-0{flex-grow:0;flex-shrink:0}.container.fill-height{align-items:center;display:flex;flex-wrap:wrap}.container.fill-height>.row{flex:1 1 100%;max-width:calc(100% + 24px)}.container.fill-height>.layout{height:100%;flex:1 1 auto}.container.fill-height>.layout.grow-shrink-0{flex-grow:0;flex-shrink:0}.container.grid-list-xs .layout .flex{padding:1px}.container.grid-list-xs .layout:only-child{margin:-1px}.container.grid-list-xs .layout:not(:only-child){margin:auto -1px}.container.grid-list-xs :not(:only-child) .layout:first-child{margin-top:-1px}.container.grid-list-xs :not(:only-child) .layout:last-child{margin-bottom:-1px}.container.grid-list-sm .layout .flex{padding:2px}.container.grid-list-sm .layout:only-child{margin:-2px}.container.grid-list-sm .layout:not(:only-child){margin:auto -2px}.container.grid-list-sm :not(:only-child) .layout:first-child{margin-top:-2px}.container.grid-list-sm :not(:only-child) .layout:last-child{margin-bottom:-2px}.container.grid-list-md .layout .flex{padding:4px}.container.grid-list-md .layout:only-child{margin:-4px}.container.grid-list-md .layout:not(:only-child){margin:auto -4px}.container.grid-list-md :not(:only-child) .layout:first-child{margin-top:-4px}.container.grid-list-md :not(:only-child) .layout:last-child{margin-bottom:-4px}.container.grid-list-lg .layout .flex{padding:8px}.container.grid-list-lg .layout:only-child{margin:-8px}.container.grid-list-lg .layout:not(:only-child){margin:auto -8px}.container.grid-list-lg :not(:only-child) .layout:first-child{margin-top:-8px}.container.grid-list-lg :not(:only-child) .layout:last-child{margin-bottom:-8px}.container.grid-list-xl .layout .flex{padding:12px}.container.grid-list-xl .layout:only-child{margin:-12px}.container.grid-list-xl .layout:not(:only-child){margin:auto -12px}.container.grid-list-xl :not(:only-child) .layout:first-child{margin-top:-12px}.container.grid-list-xl :not(:only-child) .layout:last-child{margin-bottom:-12px}.layout{display:flex;flex:1 1 auto;flex-wrap:nowrap;min-width:0}.layout.reverse{flex-direction:row-reverse}.layout.column{flex-direction:column}.layout.column.reverse{flex-direction:column-reverse}.layout.column>.flex{max-width:100%}.layout.wrap{flex-wrap:wrap}.layout.grow-shrink-0{flex-grow:0;flex-shrink:0}@media (min-width:0){.flex.xs12{flex-basis:100%;flex-grow:0;max-width:100%}.flex.order-xs12{order:12}.flex.xs11{flex-basis:91.6666666667%;flex-grow:0;max-width:91.6666666667%}.flex.order-xs11{order:11}.flex.xs10{flex-basis:83.3333333333%;flex-grow:0;max-width:83.3333333333%}.flex.order-xs10{order:10}.flex.xs9{flex-basis:75%;flex-grow:0;max-width:75%}.flex.order-xs9{order:9}.flex.xs8{flex-basis:66.6666666667%;flex-grow:0;max-width:66.6666666667%}.flex.order-xs8{order:8}.flex.xs7{flex-basis:58.3333333333%;flex-grow:0;max-width:58.3333333333%}.flex.order-xs7{order:7}.flex.xs6{flex-basis:50%;flex-grow:0;max-width:50%}.flex.order-xs6{order:6}.flex.xs5{flex-basis:41.6666666667%;flex-grow:0;max-width:41.6666666667%}.flex.order-xs5{order:5}.flex.xs4{flex-basis:33.3333333333%;flex-grow:0;max-width:33.3333333333%}.flex.order-xs4{order:4}.flex.xs3{flex-basis:25%;flex-grow:0;max-width:25%}.flex.order-xs3{order:3}.flex.xs2{flex-basis:16.6666666667%;flex-grow:0;max-width:16.6666666667%}.flex.order-xs2{order:2}.flex.xs1{flex-basis:8.3333333333%;flex-grow:0;max-width:8.3333333333%}.flex.order-xs1{order:1}.v-application--is-ltr .flex.offset-xs12{margin-left:100%}.v-application--is-rtl .flex.offset-xs12{margin-right:100%}.v-application--is-ltr .flex.offset-xs11{margin-left:91.6666666667%}.v-application--is-rtl .flex.offset-xs11{margin-right:91.6666666667%}.v-application--is-ltr .flex.offset-xs10{margin-left:83.3333333333%}.v-application--is-rtl .flex.offset-xs10{margin-right:83.3333333333%}.v-application--is-ltr .flex.offset-xs9{margin-left:75%}.v-application--is-rtl .flex.offset-xs9{margin-right:75%}.v-application--is-ltr .flex.offset-xs8{margin-left:66.6666666667%}.v-application--is-rtl .flex.offset-xs8{margin-right:66.6666666667%}.v-application--is-ltr .flex.offset-xs7{margin-left:58.3333333333%}.v-application--is-rtl .flex.offset-xs7{margin-right:58.3333333333%}.v-application--is-ltr .flex.offset-xs6{margin-left:50%}.v-application--is-rtl .flex.offset-xs6{margin-right:50%}.v-application--is-ltr .flex.offset-xs5{margin-left:41.6666666667%}.v-application--is-rtl .flex.offset-xs5{margin-right:41.6666666667%}.v-application--is-ltr .flex.offset-xs4{margin-left:33.3333333333%}.v-application--is-rtl .flex.offset-xs4{margin-right:33.3333333333%}.v-application--is-ltr .flex.offset-xs3{margin-left:25%}.v-application--is-rtl .flex.offset-xs3{margin-right:25%}.v-application--is-ltr .flex.offset-xs2{margin-left:16.6666666667%}.v-application--is-rtl .flex.offset-xs2{margin-right:16.6666666667%}.v-application--is-ltr .flex.offset-xs1{margin-left:8.3333333333%}.v-application--is-rtl .flex.offset-xs1{margin-right:8.3333333333%}.v-application--is-ltr .flex.offset-xs0{margin-left:0}.v-application--is-rtl .flex.offset-xs0{margin-right:0}}@media (min-width:600px){.flex.sm12{flex-basis:100%;flex-grow:0;max-width:100%}.flex.order-sm12{order:12}.flex.sm11{flex-basis:91.6666666667%;flex-grow:0;max-width:91.6666666667%}.flex.order-sm11{order:11}.flex.sm10{flex-basis:83.3333333333%;flex-grow:0;max-width:83.3333333333%}.flex.order-sm10{order:10}.flex.sm9{flex-basis:75%;flex-grow:0;max-width:75%}.flex.order-sm9{order:9}.flex.sm8{flex-basis:66.6666666667%;flex-grow:0;max-width:66.6666666667%}.flex.order-sm8{order:8}.flex.sm7{flex-basis:58.3333333333%;flex-grow:0;max-width:58.3333333333%}.flex.order-sm7{order:7}.flex.sm6{flex-basis:50%;flex-grow:0;max-width:50%}.flex.order-sm6{order:6}.flex.sm5{flex-basis:41.6666666667%;flex-grow:0;max-width:41.6666666667%}.flex.order-sm5{order:5}.flex.sm4{flex-basis:33.3333333333%;flex-grow:0;max-width:33.3333333333%}.flex.order-sm4{order:4}.flex.sm3{flex-basis:25%;flex-grow:0;max-width:25%}.flex.order-sm3{order:3}.flex.sm2{flex-basis:16.6666666667%;flex-grow:0;max-width:16.6666666667%}.flex.order-sm2{order:2}.flex.sm1{flex-basis:8.3333333333%;flex-grow:0;max-width:8.3333333333%}.flex.order-sm1{order:1}.v-application--is-ltr .flex.offset-sm12{margin-left:100%}.v-application--is-rtl .flex.offset-sm12{margin-right:100%}.v-application--is-ltr .flex.offset-sm11{margin-left:91.6666666667%}.v-application--is-rtl .flex.offset-sm11{margin-right:91.6666666667%}.v-application--is-ltr .flex.offset-sm10{margin-left:83.3333333333%}.v-application--is-rtl .flex.offset-sm10{margin-right:83.3333333333%}.v-application--is-ltr .flex.offset-sm9{margin-left:75%}.v-application--is-rtl .flex.offset-sm9{margin-right:75%}.v-application--is-ltr .flex.offset-sm8{margin-left:66.6666666667%}.v-application--is-rtl .flex.offset-sm8{margin-right:66.6666666667%}.v-application--is-ltr .flex.offset-sm7{margin-left:58.3333333333%}.v-application--is-rtl .flex.offset-sm7{margin-right:58.3333333333%}.v-application--is-ltr .flex.offset-sm6{margin-left:50%}.v-application--is-rtl .flex.offset-sm6{margin-right:50%}.v-application--is-ltr .flex.offset-sm5{margin-left:41.6666666667%}.v-application--is-rtl .flex.offset-sm5{margin-right:41.6666666667%}.v-application--is-ltr .flex.offset-sm4{margin-left:33.3333333333%}.v-application--is-rtl .flex.offset-sm4{margin-right:33.3333333333%}.v-application--is-ltr .flex.offset-sm3{margin-left:25%}.v-application--is-rtl .flex.offset-sm3{margin-right:25%}.v-application--is-ltr .flex.offset-sm2{margin-left:16.6666666667%}.v-application--is-rtl .flex.offset-sm2{margin-right:16.6666666667%}.v-application--is-ltr .flex.offset-sm1{margin-left:8.3333333333%}.v-application--is-rtl .flex.offset-sm1{margin-right:8.3333333333%}.v-application--is-ltr .flex.offset-sm0{margin-left:0}.v-application--is-rtl .flex.offset-sm0{margin-right:0}}@media (min-width:960px){.flex.md12{flex-basis:100%;flex-grow:0;max-width:100%}.flex.order-md12{order:12}.flex.md11{flex-basis:91.6666666667%;flex-grow:0;max-width:91.6666666667%}.flex.order-md11{order:11}.flex.md10{flex-basis:83.3333333333%;flex-grow:0;max-width:83.3333333333%}.flex.order-md10{order:10}.flex.md9{flex-basis:75%;flex-grow:0;max-width:75%}.flex.order-md9{order:9}.flex.md8{flex-basis:66.6666666667%;flex-grow:0;max-width:66.6666666667%}.flex.order-md8{order:8}.flex.md7{flex-basis:58.3333333333%;flex-grow:0;max-width:58.3333333333%}.flex.order-md7{order:7}.flex.md6{flex-basis:50%;flex-grow:0;max-width:50%}.flex.order-md6{order:6}.flex.md5{flex-basis:41.6666666667%;flex-grow:0;max-width:41.6666666667%}.flex.order-md5{order:5}.flex.md4{flex-basis:33.3333333333%;flex-grow:0;max-width:33.3333333333%}.flex.order-md4{order:4}.flex.md3{flex-basis:25%;flex-grow:0;max-width:25%}.flex.order-md3{order:3}.flex.md2{flex-basis:16.6666666667%;flex-grow:0;max-width:16.6666666667%}.flex.order-md2{order:2}.flex.md1{flex-basis:8.3333333333%;flex-grow:0;max-width:8.3333333333%}.flex.order-md1{order:1}.v-application--is-ltr .flex.offset-md12{margin-left:100%}.v-application--is-rtl .flex.offset-md12{margin-right:100%}.v-application--is-ltr .flex.offset-md11{margin-left:91.6666666667%}.v-application--is-rtl .flex.offset-md11{margin-right:91.6666666667%}.v-application--is-ltr .flex.offset-md10{margin-left:83.3333333333%}.v-application--is-rtl .flex.offset-md10{margin-right:83.3333333333%}.v-application--is-ltr .flex.offset-md9{margin-left:75%}.v-application--is-rtl .flex.offset-md9{margin-right:75%}.v-application--is-ltr .flex.offset-md8{margin-left:66.6666666667%}.v-application--is-rtl .flex.offset-md8{margin-right:66.6666666667%}.v-application--is-ltr .flex.offset-md7{margin-left:58.3333333333%}.v-application--is-rtl .flex.offset-md7{margin-right:58.3333333333%}.v-application--is-ltr .flex.offset-md6{margin-left:50%}.v-application--is-rtl .flex.offset-md6{margin-right:50%}.v-application--is-ltr .flex.offset-md5{margin-left:41.6666666667%}.v-application--is-rtl .flex.offset-md5{margin-right:41.6666666667%}.v-application--is-ltr .flex.offset-md4{margin-left:33.3333333333%}.v-application--is-rtl .flex.offset-md4{margin-right:33.3333333333%}.v-application--is-ltr .flex.offset-md3{margin-left:25%}.v-application--is-rtl .flex.offset-md3{margin-right:25%}.v-application--is-ltr .flex.offset-md2{margin-left:16.6666666667%}.v-application--is-rtl .flex.offset-md2{margin-right:16.6666666667%}.v-application--is-ltr .flex.offset-md1{margin-left:8.3333333333%}.v-application--is-rtl .flex.offset-md1{margin-right:8.3333333333%}.v-application--is-ltr .flex.offset-md0{margin-left:0}.v-application--is-rtl .flex.offset-md0{margin-right:0}}@media (min-width:1264px){.flex.lg12{flex-basis:100%;flex-grow:0;max-width:100%}.flex.order-lg12{order:12}.flex.lg11{flex-basis:91.6666666667%;flex-grow:0;max-width:91.6666666667%}.flex.order-lg11{order:11}.flex.lg10{flex-basis:83.3333333333%;flex-grow:0;max-width:83.3333333333%}.flex.order-lg10{order:10}.flex.lg9{flex-basis:75%;flex-grow:0;max-width:75%}.flex.order-lg9{order:9}.flex.lg8{flex-basis:66.6666666667%;flex-grow:0;max-width:66.6666666667%}.flex.order-lg8{order:8}.flex.lg7{flex-basis:58.3333333333%;flex-grow:0;max-width:58.3333333333%}.flex.order-lg7{order:7}.flex.lg6{flex-basis:50%;flex-grow:0;max-width:50%}.flex.order-lg6{order:6}.flex.lg5{flex-basis:41.6666666667%;flex-grow:0;max-width:41.6666666667%}.flex.order-lg5{order:5}.flex.lg4{flex-basis:33.3333333333%;flex-grow:0;max-width:33.3333333333%}.flex.order-lg4{order:4}.flex.lg3{flex-basis:25%;flex-grow:0;max-width:25%}.flex.order-lg3{order:3}.flex.lg2{flex-basis:16.6666666667%;flex-grow:0;max-width:16.6666666667%}.flex.order-lg2{order:2}.flex.lg1{flex-basis:8.3333333333%;flex-grow:0;max-width:8.3333333333%}.flex.order-lg1{order:1}.v-application--is-ltr .flex.offset-lg12{margin-left:100%}.v-application--is-rtl .flex.offset-lg12{margin-right:100%}.v-application--is-ltr .flex.offset-lg11{margin-left:91.6666666667%}.v-application--is-rtl .flex.offset-lg11{margin-right:91.6666666667%}.v-application--is-ltr .flex.offset-lg10{margin-left:83.3333333333%}.v-application--is-rtl .flex.offset-lg10{margin-right:83.3333333333%}.v-application--is-ltr .flex.offset-lg9{margin-left:75%}.v-application--is-rtl .flex.offset-lg9{margin-right:75%}.v-application--is-ltr .flex.offset-lg8{margin-left:66.6666666667%}.v-application--is-rtl .flex.offset-lg8{margin-right:66.6666666667%}.v-application--is-ltr .flex.offset-lg7{margin-left:58.3333333333%}.v-application--is-rtl .flex.offset-lg7{margin-right:58.3333333333%}.v-application--is-ltr .flex.offset-lg6{margin-left:50%}.v-application--is-rtl .flex.offset-lg6{margin-right:50%}.v-application--is-ltr .flex.offset-lg5{margin-left:41.6666666667%}.v-application--is-rtl .flex.offset-lg5{margin-right:41.6666666667%}.v-application--is-ltr .flex.offset-lg4{margin-left:33.3333333333%}.v-application--is-rtl .flex.offset-lg4{margin-right:33.3333333333%}.v-application--is-ltr .flex.offset-lg3{margin-left:25%}.v-application--is-rtl .flex.offset-lg3{margin-right:25%}.v-application--is-ltr .flex.offset-lg2{margin-left:16.6666666667%}.v-application--is-rtl .flex.offset-lg2{margin-right:16.6666666667%}.v-application--is-ltr .flex.offset-lg1{margin-left:8.3333333333%}.v-application--is-rtl .flex.offset-lg1{margin-right:8.3333333333%}.v-application--is-ltr .flex.offset-lg0{margin-left:0}.v-application--is-rtl .flex.offset-lg0{margin-right:0}}@media (min-width:1904px){.flex.xl12{flex-basis:100%;flex-grow:0;max-width:100%}.flex.order-xl12{order:12}.flex.xl11{flex-basis:91.6666666667%;flex-grow:0;max-width:91.6666666667%}.flex.order-xl11{order:11}.flex.xl10{flex-basis:83.3333333333%;flex-grow:0;max-width:83.3333333333%}.flex.order-xl10{order:10}.flex.xl9{flex-basis:75%;flex-grow:0;max-width:75%}.flex.order-xl9{order:9}.flex.xl8{flex-basis:66.6666666667%;flex-grow:0;max-width:66.6666666667%}.flex.order-xl8{order:8}.flex.xl7{flex-basis:58.3333333333%;flex-grow:0;max-width:58.3333333333%}.flex.order-xl7{order:7}.flex.xl6{flex-basis:50%;flex-grow:0;max-width:50%}.flex.order-xl6{order:6}.flex.xl5{flex-basis:41.6666666667%;flex-grow:0;max-width:41.6666666667%}.flex.order-xl5{order:5}.flex.xl4{flex-basis:33.3333333333%;flex-grow:0;max-width:33.3333333333%}.flex.order-xl4{order:4}.flex.xl3{flex-basis:25%;flex-grow:0;max-width:25%}.flex.order-xl3{order:3}.flex.xl2{flex-basis:16.6666666667%;flex-grow:0;max-width:16.6666666667%}.flex.order-xl2{order:2}.flex.xl1{flex-basis:8.3333333333%;flex-grow:0;max-width:8.3333333333%}.flex.order-xl1{order:1}.v-application--is-ltr .flex.offset-xl12{margin-left:100%}.v-application--is-rtl .flex.offset-xl12{margin-right:100%}.v-application--is-ltr .flex.offset-xl11{margin-left:91.6666666667%}.v-application--is-rtl .flex.offset-xl11{margin-right:91.6666666667%}.v-application--is-ltr .flex.offset-xl10{margin-left:83.3333333333%}.v-application--is-rtl .flex.offset-xl10{margin-right:83.3333333333%}.v-application--is-ltr .flex.offset-xl9{margin-left:75%}.v-application--is-rtl .flex.offset-xl9{margin-right:75%}.v-application--is-ltr .flex.offset-xl8{margin-left:66.6666666667%}.v-application--is-rtl .flex.offset-xl8{margin-right:66.6666666667%}.v-application--is-ltr .flex.offset-xl7{margin-left:58.3333333333%}.v-application--is-rtl .flex.offset-xl7{margin-right:58.3333333333%}.v-application--is-ltr .flex.offset-xl6{margin-left:50%}.v-application--is-rtl .flex.offset-xl6{margin-right:50%}.v-application--is-ltr .flex.offset-xl5{margin-left:41.6666666667%}.v-application--is-rtl .flex.offset-xl5{margin-right:41.6666666667%}.v-application--is-ltr .flex.offset-xl4{margin-left:33.3333333333%}.v-application--is-rtl .flex.offset-xl4{margin-right:33.3333333333%}.v-application--is-ltr .flex.offset-xl3{margin-left:25%}.v-application--is-rtl .flex.offset-xl3{margin-right:25%}.v-application--is-ltr .flex.offset-xl2{margin-left:16.6666666667%}.v-application--is-rtl .flex.offset-xl2{margin-right:16.6666666667%}.v-application--is-ltr .flex.offset-xl1{margin-left:8.3333333333%}.v-application--is-rtl .flex.offset-xl1{margin-right:8.3333333333%}.v-application--is-ltr .flex.offset-xl0{margin-left:0}.v-application--is-rtl .flex.offset-xl0{margin-right:0}}.child-flex>*,.flex{flex:1 1 auto;max-width:100%}.child-flex>.grow-shrink-0,.flex.grow-shrink-0{flex-grow:0;flex-shrink:0}.grow,.spacer{flex-grow:1!important}.grow{flex-shrink:0!important}.shrink{flex-grow:0!important;flex-shrink:1!important}.fill-height{height:100%}.theme--light.v-snack__wrapper{color:rgba(0,0,0,.87)}.theme--dark.v-snack__wrapper{color:#fff}.v-sheet.v-snack__wrapper{border-radius:4px}.v-sheet.v-snack__wrapper:not(.v-sheet--outlined){box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.v-sheet.v-snack__wrapper.v-sheet--shaped{border-radius:24px 4px}.v-snack{bottom:0;display:flex;font-size:.875rem;justify-content:center;left:0;pointer-events:none;right:0;top:0;width:100%}.v-snack:not(.v-snack--absolute){height:100vh;position:fixed;z-index:1000}.v-snack:not(.v-snack--centered):not(.v-snack--top){align-items:flex-end}.v-snack__wrapper{align-items:center;border-color:currentColor!important;display:flex;margin:8px;max-width:672px;min-height:48px;min-width:344px;padding:0;pointer-events:auto;position:relative;transition-duration:.15s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(0,0,.2,1);z-index:1}.v-snack__wrapper.theme--dark{background-color:#333;color:hsla(0,0%,100%,.87)}.v-snack__content{flex-grow:1;font-size:.875rem;font-weight:400;letter-spacing:.0178571429em;line-height:1.25rem;margin-right:auto;padding:14px 16px;text-align:left;text-align:initial}.v-snack__action{align-items:center;align-self:center;display:flex}.v-snack__action .v-ripple__container{display:none}.v-application--is-ltr .v-snack__action{margin-right:8px}.v-application--is-rtl .v-snack__action{margin-left:8px}.v-snack__action>.v-snack__btn.v-btn{padding:0 8px}.v-snack__btn{margin:0;min-width:auto}.v-snack--absolute{height:100%;position:absolute;z-index:1}.v-snack--centered{align-items:center}.v-snack--left{justify-content:flex-start;right:auto}.v-snack--multi-line .v-snack__wrapper{min-height:68px}.v-snack--right{justify-content:flex-end;left:auto}.v-snack:not(.v-snack--has-background) .v-snack__wrapper{box-shadow:none}.v-snack--bottom{top:auto}.v-snack--text .v-snack__wrapper:before{background-color:currentColor;border-radius:inherit;bottom:0;content:"";left:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.v-snack--top{align-items:flex-start;bottom:auto}.v-snack--vertical .v-snack__wrapper{flex-direction:column}.v-snack--vertical .v-snack__wrapper .v-snack__action{align-self:flex-end;margin-bottom:8px}.v-snack-transition-enter.v-snack__wrapper{transform:scale(.8)}.v-snack-transition-enter.v-snack__wrapper,.v-snack-transition-leave-to.v-snack__wrapper{opacity:0}.component-modal-loader{z-index:1000;position:fixed;top:50%;left:50%;transform:translate(-50%,-70%)}.component-modal-loader .loader-wrap{width:120px;height:120px;background:rgba(0,0,0,.7);border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.component-modal-loader .loader{background:transparent;width:80px;height:80px;margin:auto;position:relative}.component-modal-loader span{display:block;bottom:0;width:9px;height:5px;background:#1295db;position:absolute;animation:soundBar 3s ease-in-out infinite}.component-modal-loader span:first-child{left:0}.component-modal-loader span:nth-child(2){left:10px;animation-delay:.2s}.component-modal-loader span:nth-child(3){left:20px;animation-delay:.4s}.component-modal-loader span:nth-child(4){left:30px;animation-delay:.6s}.component-modal-loader span:nth-child(5){left:40px;animation-delay:.8s}.component-modal-loader span:nth-child(6){left:50px;animation-delay:1s}.component-modal-loader span:nth-child(7){left:60px;animation-delay:1.2s}.component-modal-loader span:nth-child(8){left:70px;animation-delay:1.4s}@keyframes soundBar{0%{height:5px;background:#1295db}20%{height:50px;background:#ff5252}40%{height:5px;background:#1295db}60%{height:5px;background:#1295db}}.component-modal-loader .txt{color:#fff;text-align:center;margin-top:10px;font-size:14px}.component-page-header{width:100%;border-radius:0!important;border:none!important;z-index:1000}.component-page-header header{margin:0 auto}.component-page-header .app-header.trade-mark{position:relative}.component-page-header .app-header.trade-mark .logo-container{padding:10px;background:#fff;border-radius:50%}.component-page-header .app-header.trade-mark .trade-mark-txt .trade-mark-txt--en{font-style:italic}.component-page-header .menu{width:auto;height:45px;line-height:45px;position:relative}.component-page-header .menu .menu-item{font-size:16px;font-weight:700;text-align:center;position:relative;cursor:pointer;overflow:hidden}.component-page-header .menu .menu-item:before{content:"";width:100%;height:2px;position:absolute;left:0;bottom:0;transform:scaleX(.9);background:#f0f0f0}.component-page-header .menu .menu-item:after{content:"";width:100%;height:2.5px;position:absolute;left:0;bottom:0;transform:scaleX(0);transition:all .35s ease-in-out}.component-page-header .menu .menu-item.menu-item-active{background:#1295db;color:#f0f0f0;border-radius:5px}.component-page-header .menu .menu-item.menu-item-active .v-icon{color:#f0f0f0}.component-page-header .menu .menu-item.menu-item-active:after{transform:scaleX(.9);background:#1295db}.component-page-header .menu .menu-item:not(.menu-item-active):hover,.component-page-header .menu .menu-item:not(.menu-item-active):hover .v-icon{color:#1295db}.component-page-header .menu .menu-item:not(.menu-item-active):hover:after{transform:scaleX(.9);background:#1295db}.component-page-header .text-gradient{display:inline-block;background-image:-webkit-linear-gradient(left,#000,#999,#000,#999,#000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#000}.theme--light.v-footer{background-color:#f5f5f5;color:rgba(0,0,0,.87)}.theme--dark.v-footer{background-color:#272727;color:#fff}.v-sheet.v-footer{border-radius:0}.v-sheet.v-footer:not(.v-sheet--outlined){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.v-sheet.v-footer.v-sheet--shaped{border-radius:24px 0}.v-footer{align-items:center;display:flex;flex:0 1 auto!important;flex-wrap:wrap;padding:6px 16px;position:relative;transition-duration:.2s;transition-property:background-color,left,right;transition-timing-function:cubic-bezier(.4,0,.2,1)}.v-footer:not([data-booted=true]){transition:none!important}.v-footer--absolute,.v-footer--fixed{z-index:3}.v-footer--absolute{position:absolute}.v-footer--absolute:not(.v-footer--inset){width:100%}.v-footer--fixed{position:fixed}.v-footer--padless{padding:0}#page-footer.component-page-footer.v-footer{display:block;width:100%;max-width:100%;padding:0;font-weight:400;position:absolute;bottom:0}#page-footer.component-page-footer.v-footer .footer-section{width:100%;padding:10px}.v-avatar{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;line-height:normal;position:relative;text-align:center;vertical-align:middle;overflow:hidden}.v-avatar .v-icon,.v-avatar .v-image,.v-avatar .v-responsive__content,.v-avatar img,.v-avatar svg{border-radius:inherit;display:inline-flex;height:inherit;width:inherit}.component-setting-display .visual-section{width:100%}.component-setting-display .visual-section #visualizer{width:100%;height:auto;margin:0 auto;padding:5px 15px}.component-noterain{width:100%;height:220px;margin:0 auto;padding:0;position:relative}.component-noterain #noterain-canvas{margin:0;padding:0}.component-noterain .close-wrap{position:absolute;top:5px;right:10px}.slidedown-enter,.slidedown-leave-to{height:0;opacity:0}.slidedown-enter-to,.slidedown-leave{height:220px;opacity:1}.slidedown-enter-active,.slidedown-leave-active{transition:all .7s ease-in-out}.component-autopiano{width:100%;z-index:100}.component-autopiano .piano-scroll-wrap{width:100%;padding:10px 0;overflow:hidden}.component-autopiano .piano-wrap.piano{width:90%;margin:0 auto;padding:20px 40px;border-radius:10px;box-shadow:1px 1px 10px 1px #333;border:2px solid #555;position:relative;overflow:visible;background:linear-gradient(180deg,#333,#000);box-sizing:content-box}.component-autopiano .piano-wrap.piano .piano-panel{width:100%;height:auto;padding:.6% 0;position:relative}.component-autopiano .piano-wrap.piano .piano-panel .piano-info-container{width:100%;height:100%;padding:0;position:relative}.component-autopiano .piano-wrap.piano .piano-panel .piano-info-container .panda-logo-container{background:#fff;border-radius:50%;padding:6px;flex-grow:0}.component-autopiano .piano-wrap.piano .piano-panel .piano-info-container .piano-displayer{width:70%;height:100%;padding:7px 0;border-radius:8px;background:linear-gradient(180deg,#0059f1,#0eb2ff,#0996e3);background:linear-gradient(180deg,#222,#666,#333);color:#f0f0f0;font-size:14px;line-height:1.2;position:relative}.component-autopiano .piano-wrap.piano .piano-panel .piano-info-container .piano-displayer .current-note-name{width:40px;text-align:center;font-weight:700;font-size:20px}.component-autopiano .piano-wrap.piano .piano-panel .piano-info-container .piano-displayer .keymap .v-icon{color:#f0f0f0}.component-autopiano .piano-wrap.piano .piano-panel .piano-info-container .piano-displayer .current-playing-music{max-width:200px}.component-autopiano .piano-wrap.piano .component-noterain{width:100%!important;border-top:3px solid #333}.component-autopiano .piano-wrap.piano .piano-key-wrap{width:100%;height:auto;background:#ddd;border-top:5px solid #333;overflow:hidden;position:relative}.component-autopiano .piano-wrap.piano .piano-key-wrap .piano-key{position:relative}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey{width:2.775%;padding-bottom:20%;margin:0;background:#fff;background:linear-gradient(-30deg,#f5f5f5,#fff);border:1px solid #ccc;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff,inset 1px 0 0 #fff,inset -1px 0 0 #fff,0 4px 3px rgba(0,0,0,.7);border-radius:0 0 5px 5px}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey .keytip{width:100%;color:#373737;text-align:center;font-size:13px;position:absolute;bottom:5%}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey .keytip .keyname{margin-bottom:8px;font-size:18px;font-weight:700}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey .keytip .notename,.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey .keytip .singname{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-weight:700}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+7) .notename,.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+7) .singname{background:#ccccd6}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+14):nth-child(n+8) .notename,.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+14):nth-child(n+8) .singname{background:#93b5cf}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+21):nth-child(n+15) .notename,.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+21):nth-child(n+15) .singname{background:#a4cab6}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+28):nth-child(n+22) .notename,.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+28):nth-child(n+22) .singname{background:#fbb957}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+35):nth-child(n+29) .notename,.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(-n+35):nth-child(n+29) .singname{background:#ee8055}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(36) .notename,.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey:nth-child(36) .singname{background:#f07c82}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey-active{box-shadow:0 2px 2px rgba(0,0,0,.4);padding-bottom:19.7%;background:#efefef}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey-active:before{content:"";border-color:transparent transparent transparent rgba(0,0,0,.1);border-style:solid;border-width:250px 5px 0;position:absolute;left:0;bottom:0}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey-active:after{content:"";border-color:transparent rgba(0,0,0,.1) transparent transparent;border-style:solid;border-width:250px 5px 0;position:absolute;right:0;bottom:0}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey{width:10%;height:100%;background:linear-gradient(-20deg,#333,#000,#333);border-color:#666 #222 #111 #555;border-style:solid;border-width:1px 2px 7px;border-radius:0 0 2px 2px;box-shadow:inset 0 -1px 2px hsla(0,0%,100%,.4),0 2px 3px rgba(0,0,0,.4);position:absolute;top:0;overflow:hidden}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey .keytip{width:100%;color:#fff;position:absolute;left:0;bottom:5%;font-size:14px;overflow:hidden}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey .keytip .keyname{width:100%;text-align:center;margin-bottom:8px}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey-active{border-bottom-width:2px;box-shadow:inset 0 -1px 1px hsla(0,0%,100%,.4),0 1px 0 rgba(0,0,0,.8),0 2px 2px rgba(0,0,0,.4),0 -1px 0 #000}.component-autopiano .piano-wrap.piano .piano-key-wrap .wkey.auto-key-active{background:#facc94!important}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey.auto-key-active{border-color:#75c3ed;background:#75c3ed!important}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey:first-child{left:8%}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey:nth-child(2){left:23%}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey:nth-child(3){left:49%}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey:nth-child(4){left:64%}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey:nth-child(5){left:79%}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey-wrap{width:20%;padding-bottom:12%;position:absolute;top:0}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey-wrap1{left:0}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey-wrap2{left:19.5%}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey-wrap3{left:39%}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey-wrap4{left:58.3%}.component-autopiano .piano-wrap.piano .piano-key-wrap .bkey-wrap5{left:77.7%}.component-autopiano .visualizer-section{margin:30px auto 0}.component-autopiano .visualizer-section .component-setting-display{padding:0!important}.theme--light.v-tabs>.v-tabs-bar{background-color:#fff}.theme--light.v-tabs>.v-tabs-bar .v-tab--disabled,.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active),.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn,.theme--light.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon{color:rgba(0,0,0,.54)}.theme--light.v-tabs .v-tab:hover:before{opacity:.04}.theme--light.v-tabs .v-tab--active:before,.theme--light.v-tabs .v-tab--active:hover:before,.theme--light.v-tabs .v-tab:focus:before{opacity:.12}.theme--light.v-tabs .v-tab--active:focus:before{opacity:.16}.theme--dark.v-tabs>.v-tabs-bar{background-color:#1e1e1e}.theme--dark.v-tabs>.v-tabs-bar .v-tab--disabled,.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active),.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-btn,.theme--dark.v-tabs>.v-tabs-bar .v-tab:not(.v-tab--active)>.v-icon{color:hsla(0,0%,100%,.6)}.theme--dark.v-tabs .v-tab:hover:before{opacity:.08}.theme--dark.v-tabs .v-tab--active:before,.theme--dark.v-tabs .v-tab--active:hover:before,.theme--dark.v-tabs .v-tab:focus:before{opacity:.24}.theme--dark.v-tabs .v-tab--active:focus:before{opacity:.32}.theme--light.v-tabs-items{background-color:#fff}.theme--dark.v-tabs-items{background-color:#1e1e1e}.v-tabs-bar.accent .v-tab,.v-tabs-bar.accent .v-tabs-slider,.v-tabs-bar.error .v-tab,.v-tabs-bar.error .v-tabs-slider,.v-tabs-bar.info .v-tab,.v-tabs-bar.info .v-tabs-slider,.v-tabs-bar.primary .v-tab,.v-tabs-bar.primary .v-tabs-slider,.v-tabs-bar.secondary .v-tab,.v-tabs-bar.secondary .v-tabs-slider,.v-tabs-bar.success .v-tab,.v-tabs-bar.success .v-tabs-slider,.v-tabs-bar.warning .v-tab,.v-tabs-bar.warning .v-tabs-slider{color:#fff}.v-tabs{flex:1 1 auto;width:100%}.v-tabs .v-menu__activator{height:100%}.v-tabs.v.tabs--vertical.v-tabs--right{flex-direction:row-reverse}.v-tabs:not(.v-tabs--vertical) .v-tab{white-space:normal}.v-tabs:not(.v-tabs--vertical).v-tabs--right>.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__next,.v-tabs:not(.v-tabs--vertical):not(.v-tabs--right)>.v-slide-group--is-overflowing.v-tabs-bar--is-mobile:not(.v-slide-group--has-affixes) .v-slide-group__prev{display:inline;display:initial;visibility:hidden}.v-tabs-bar{border-radius:inherit;height:48px}.v-tabs-bar.v-item-group>*{cursor:auto}.v-tab{align-items:center;cursor:pointer;display:flex;flex:0 1 auto;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:.0892857143em;line-height:normal;min-width:90px;max-width:360px;outline:none;padding:0 16px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.v-tab.v-tab{color:inherit}.v-tab:before{bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:.3s cubic-bezier(.25,.8,.5,1)}.v-tab:before,.v-tabs-slider{background-color:currentColor}.v-tabs-slider{height:100%;width:100%}.v-tabs-slider-wrapper{bottom:0;margin:0!important;position:absolute;transition:.3s cubic-bezier(.25,.8,.5,1);z-index:1}.v-application--is-ltr .v-tabs--align-with-title>.v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing)>.v-slide-group__wrapper>.v-tabs-bar__content>.v-tab:first-child,.v-application--is-ltr .v-tabs--align-with-title>.v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing)>.v-slide-group__wrapper>.v-tabs-bar__content>.v-tabs-slider-wrapper+.v-tab{margin-left:42px}.v-application--is-rtl .v-tabs--align-with-title>.v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing)>.v-slide-group__wrapper>.v-tabs-bar__content>.v-tab:first-child,.v-application--is-rtl .v-tabs--align-with-title>.v-tabs-bar:not(.v-tabs-bar--show-arrows):not(.v-slide-group--is-overflowing)>.v-slide-group__wrapper>.v-tabs-bar__content>.v-tabs-slider-wrapper+.v-tab{margin-right:42px}.v-application--is-ltr .v-tabs--centered>.v-tabs-bar .v-tabs-bar__content>:last-child,.v-application--is-ltr .v-tabs--fixed-tabs>.v-tabs-bar .v-tabs-bar__content>:last-child{margin-right:auto}.v-application--is-ltr .v-tabs--centered>.v-tabs-bar .v-tabs-bar__content>:first-child:not(.v-tabs-slider-wrapper),.v-application--is-ltr .v-tabs--centered>.v-tabs-bar .v-tabs-slider-wrapper+*,.v-application--is-ltr .v-tabs--fixed-tabs>.v-tabs-bar .v-tabs-bar__content>:first-child:not(.v-tabs-slider-wrapper),.v-application--is-ltr .v-tabs--fixed-tabs>.v-tabs-bar .v-tabs-slider-wrapper+*,.v-application--is-rtl .v-tabs--centered>.v-tabs-bar .v-tabs-bar__content>:last-child,.v-application--is-rtl .v-tabs--fixed-tabs>.v-tabs-bar .v-tabs-bar__content>:last-child{margin-left:auto}.v-application--is-rtl .v-tabs--centered>.v-tabs-bar .v-tabs-bar__content>:first-child:not(.v-tabs-slider-wrapper),.v-application--is-rtl .v-tabs--centered>.v-tabs-bar .v-tabs-slider-wrapper+*,.v-application--is-rtl .v-tabs--fixed-tabs>.v-tabs-bar .v-tabs-bar__content>:first-child:not(.v-tabs-slider-wrapper),.v-application--is-rtl .v-tabs--fixed-tabs>.v-tabs-bar .v-tabs-slider-wrapper+*{margin-right:auto}.v-tabs--fixed-tabs>.v-tabs-bar .v-tab{flex:1 1 auto;width:100%}.v-tabs--grow>.v-tabs-bar .v-tab{flex:1 0 auto;max-width:none}.v-tabs--icons-and-text>.v-tabs-bar{height:72px}.v-tabs--icons-and-text>.v-tabs-bar .v-tab{flex-direction:column-reverse}.v-tabs--icons-and-text>.v-tabs-bar .v-tab>:first-child{margin-bottom:6px}.v-tabs--overflow>.v-tabs-bar .v-tab{flex:1 0 auto}.v-application--is-ltr .v-tabs--right>.v-tabs-bar .v-tab:first-child,.v-application--is-ltr .v-tabs--right>.v-tabs-bar .v-tabs-slider-wrapper+.v-tab{margin-left:auto}.v-application--is-rtl .v-tabs--right>.v-tabs-bar .v-tab:first-child,.v-application--is-rtl .v-tabs--right>.v-tabs-bar .v-tabs-slider-wrapper+.v-tab{margin-right:auto}.v-application--is-ltr .v-tabs--right>.v-tabs-bar .v-tab:last-child{margin-right:0}.v-application--is-rtl .v-tabs--right>.v-tabs-bar .v-tab:last-child{margin-left:0}.v-tabs--vertical{display:flex}.v-tabs--vertical>.v-tabs-bar{flex:1 0 auto;height:auto}.v-tabs--vertical>.v-tabs-bar .v-slide-group__next,.v-tabs--vertical>.v-tabs-bar .v-slide-group__prev{display:none}.v-tabs--vertical>.v-tabs-bar .v-tabs-bar__content{flex-direction:column}.v-tabs--vertical>.v-tabs-bar .v-tab{height:48px}.v-tabs--vertical>.v-tabs-bar .v-tabs-slider{height:100%}.v-tabs--vertical>.v-window{flex:0 1 100%}.v-tabs--vertical.v-tabs--icons-and-text>.v-tabs-bar .v-tab{height:72px}.v-tab--active{color:inherit}.v-tab--active.v-tab:not(:focus):before{opacity:0}.v-tab--active .v-btn.v-btn--flat,.v-tab--active .v-icon{color:inherit}.v-tab--disabled{opacity:.5}.v-tab--disabled,.v-tab--disabled *{pointer-events:none}.v-slide-group{display:flex}.v-slide-group:not(.v-slide-group--has-affixes)>.v-slide-group__next,.v-slide-group:not(.v-slide-group--has-affixes)>.v-slide-group__prev{display:none}.v-slide-group.v-item-group>.v-slide-group__next,.v-slide-group.v-item-group>.v-slide-group__prev{cursor:pointer}.v-slide-item{display:inline-flex;flex:0 1 auto}.v-slide-group__next,.v-slide-group__prev{align-items:center;display:flex;flex:0 1 52px;justify-content:center;min-width:52px}.v-slide-group__content{display:flex;flex:1 0 auto;position:relative;transition:.3s cubic-bezier(.25,.8,.5,1);white-space:nowrap}.v-slide-group__wrapper{contain:content;display:flex;flex:1 1 auto;overflow:hidden}.v-slide-group__next--disabled,.v-slide-group__prev--disabled{pointer-events:none}.v-window{overflow:hidden}.v-window__container{display:flex;flex-direction:column;height:inherit;position:relative;transition:.3s cubic-bezier(.25,.8,.5,1)}.v-window__container--is-active{overflow:hidden}.v-window__next,.v-window__prev{background:rgba(0,0,0,.3);border-radius:50%;position:absolute;margin:0 16px;top:calc(50% - 20px);z-index:1}.v-window__next .v-btn:hover,.v-window__prev .v-btn:hover{background:none}.v-application--is-ltr .v-window__prev{left:0}.v-application--is-ltr .v-window__next,.v-application--is-rtl .v-window__prev{right:0}.v-application--is-rtl .v-window__next{left:0}.v-window--show-arrows-on-hover{overflow:hidden}.v-window--show-arrows-on-hover .v-window__next,.v-window--show-arrows-on-hover .v-window__prev{transition:transform .2s cubic-bezier(.25,.8,.5,1)}.v-application--is-ltr .v-window--show-arrows-on-hover .v-window__prev{transform:translateX(-200%)}.v-application--is-ltr .v-window--show-arrows-on-hover .v-window__next,.v-application--is-rtl .v-window--show-arrows-on-hover .v-window__prev{transform:translateX(200%)}.v-application--is-rtl .v-window--show-arrows-on-hover .v-window__next{transform:translateX(-200%)}.v-window--show-arrows-on-hover:hover .v-window__next,.v-window--show-arrows-on-hover:hover .v-window__prev{transform:translateX(0)}.v-window-x-reverse-transition-enter-active,.v-window-x-reverse-transition-leave-active,.v-window-x-transition-enter-active,.v-window-x-transition-leave-active,.v-window-y-reverse-transition-enter-active,.v-window-y-reverse-transition-leave-active,.v-window-y-transition-enter-active,.v-window-y-transition-leave-active{transition:.3s cubic-bezier(.25,.8,.5,1)}.v-window-x-reverse-transition-leave,.v-window-x-reverse-transition-leave-to,.v-window-x-transition-leave,.v-window-x-transition-leave-to,.v-window-y-reverse-transition-leave,.v-window-y-reverse-transition-leave-to,.v-window-y-transition-leave,.v-window-y-transition-leave-to{position:absolute!important;top:0;width:100%}.v-window-x-transition-enter{transform:translateX(100%)}.v-window-x-reverse-transition-enter,.v-window-x-transition-leave-to{transform:translateX(-100%)}.v-window-x-reverse-transition-leave-to{transform:translateX(100%)}.v-window-y-transition-enter{transform:translateY(100%)}.v-window-y-reverse-transition-enter,.v-window-y-transition-leave-to{transform:translateY(-100%)}.v-window-y-reverse-transition-leave-to{transform:translateY(100%)}.component-setting-voice .section .section-title{vertical-align:middle}.component-setting-voice .instrument-section .v-item-group .instrument{width:18%;height:52px;margin:auto 1%;text-align:center;border-radius:5px;border:2px solid #aaa;cursor:pointer;overflow:hidden}.component-setting-voice .instrument-section .v-item-group .instrument .ins-text{flex:1}.component-setting-voice .instrument-section .v-item-group .instrument.active{color:#fff;border:2px solid #1295db;background-color:#1295db}.component-setting-voice .instrument-section .v-item-group .instrument:hover{border:2px solid #1295db}.component-setting-voice .instrument-section .v-item-group .instrument:nth-child(5n){margin-right:0}.theme--light.v-input--switch .v-input--switch__thumb{color:#fff}.theme--light.v-input--switch .v-input--switch__track{color:rgba(0,0,0,.38)}.theme--light.v-input--switch.v-input--is-disabled:not(.v-input--is-dirty) .v-input--switch__thumb{color:#fafafa!important}.theme--light.v-input--switch.v-input--is-disabled:not(.v-input--is-dirty) .v-input--switch__track{color:rgba(0,0,0,.12)!important}.theme--dark.v-input--switch .v-input--switch__thumb{color:#bdbdbd}.theme--dark.v-input--switch .v-input--switch__track{color:hsla(0,0%,100%,.3)}.theme--dark.v-input--switch.v-input--is-disabled:not(.v-input--is-dirty) .v-input--switch__thumb{color:#424242!important}.theme--dark.v-input--switch.v-input--is-disabled:not(.v-input--is-dirty) .v-input--switch__track{color:hsla(0,0%,100%,.1)!important}.v-input--switch__thumb,.v-input--switch__track{background-color:currentColor;pointer-events:none;transition:inherit}.v-input--switch__track{border-radius:8px;width:36px;height:14px;left:2px;position:absolute;opacity:.6;right:2px;top:calc(50% - 7px)}.v-input--switch__thumb{border-radius:50%;top:calc(50% - 10px);height:20px;position:relative;width:20px;display:flex;justify-content:center;align-items:center;transition:.3s cubic-bezier(.25,.8,.5,1)}.v-input--switch .v-input--selection-controls__input{width:38px;transition:opacity .3s cubic-bezier(.25,.8,.5,1)}.v-input--switch .v-input--selection-controls__ripple{top:calc(50% - 24px)}.v-input--switch.v-input--dense .v-input--switch__thumb{width:18px;height:18px}.v-input--switch.v-input--dense .v-input--switch__track{height:12px;width:32px}.v-input--switch.v-input--dense.v-input--switch--inset .v-input--switch__track{height:22px;width:44px;top:calc(50% - 12px);left:-3px}.v-input--switch.v-input--dense .v-input--selection-controls__ripple{top:calc(50% - 22px)}.v-input--switch.v-input--is-dirty.v-input--is-disabled .v-input--selection-controls__input{opacity:.6}.v-application--is-ltr .v-input--switch .v-input--selection-controls__ripple{left:-14px}.v-application--is-ltr .v-input--switch.v-input--dense .v-input--selection-controls__ripple{left:-12px}.v-application--is-ltr .v-input--switch.v-input--is-dirty .v-input--selection-controls__ripple,.v-application--is-ltr .v-input--switch.v-input--is-dirty .v-input--switch__thumb{transform:translate(20px)}.v-application--is-rtl .v-input--switch .v-input--selection-controls__ripple{right:-14px}.v-application--is-rtl .v-input--switch.v-input--dense .v-input--selection-controls__ripple{right:-12px}.v-application--is-rtl .v-input--switch.v-input--is-dirty .v-input--selection-controls__ripple,.v-application--is-rtl .v-input--switch.v-input--is-dirty .v-input--switch__thumb{transform:translate(-20px)}.v-input--switch:not(.v-input--switch--flat):not(.v-input--switch--inset) .v-input--switch__thumb{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.v-input--switch--inset .v-input--selection-controls__input,.v-input--switch--inset .v-input--switch__track{width:48px}.v-input--switch--inset .v-input--switch__track{border-radius:14px;height:28px;left:-4px;opacity:.32;top:calc(50% - 14px)}.v-application--is-ltr .v-input--switch--inset .v-input--selection-controls__ripple,.v-application--is-ltr .v-input--switch--inset .v-input--switch__thumb{transform:translate(0)!important}.v-application--is-rtl .v-input--switch--inset .v-input--selection-controls__ripple,.v-application--is-rtl .v-input--switch--inset .v-input--switch__thumb{transform:translate(-6px)!important}.v-application--is-ltr .v-input--switch--inset.v-input--is-dirty .v-input--selection-controls__ripple,.v-application--is-ltr .v-input--switch--inset.v-input--is-dirty .v-input--switch__thumb{transform:translate(20px)!important}.v-application--is-rtl .v-input--switch--inset.v-input--is-dirty .v-input--selection-controls__ripple,.v-application--is-rtl .v-input--switch--inset.v-input--is-dirty .v-input--switch__thumb{transform:translate(-26px)!important}.component-setting-display .section .section-title{vertical-align:middle}.component-setting-display .instrument-section .instrument{display:inline-block;margin:0 10px 10px 0;padding:5px 10px;text-align:center;border:1px solid #1295db;border-radius:5px}.component-setting-display .union-section .union-list{padding:0}.component-setting-display .union-section .union-link{color:#1295db}.component-setting-display .union-section .union-link:hover{color:#75c3ed!important;text-decoration:underline}.component.component-win-keyboard .keyboard{letter-spacing:-1.5px;font-size:.9em;width:1032px;height:285px;border-radius:5px;margin:10px auto}.component.component-win-keyboard .keyboard:after,.component.component-win-keyboard .keyboard:before{content:"";clear:both;display:block}.component.component-win-keyboard .metal{box-shadow:inset 0 2px 1px 2px hsla(0,0%,100%,.7),0 2px 2px 2px rgba(0,0,0,.15),0 2px 2px 2px hsla(0,0%,100%,.5);background:linear-gradient(-30deg,#f5f5f5,#ddd,#f5f5f5)}.component.component-win-keyboard ul{margin:0 10px;padding:0;list-style:none;position:relative;color:#fff}.component.component-win-keyboard ul.top{padding-top:15px}.component.component-win-keyboard ul.bottom{padding-bottom:15px}.component.component-win-keyboard ul:after,.component.component-win-keyboard ul:before{content:"";clear:both;display:block}.component.component-win-keyboard ul:first-child{margin-bottom:10px}.component.component-win-keyboard li{min-width:22px;height:17px;cursor:pointer;position:relative;z-index:50;text-align:center;float:left;background:#222;padding:5px 10px 14px;margin:0 2px 4px;border-radius:5px;box-sizing:content-box;box-shadow:0 4px 4px #000,inset 0 0 4px grey,inset 0 1px 0 #d1d1d1}.component.component-win-keyboard li.active,.component.component-win-keyboard li:active{cursor:pointer;top:3px;box-shadow:0 1px 1px #000,inset 0 0 4px grey,inset 0 1px 0 #d1d1d1;background:#1295db}.component.component-win-keyboard .margin-l{margin-left:20px}.component.component-win-keyboard .margin-l.half{margin-left:10px}.component.component-win-keyboard .margin-r{margin-right:20px}.component.component-win-keyboard .margin-r.half{margin-right:10px}.component.component-win-keyboard .pad{padding-left:16px;padding-right:16px}.component.component-win-keyboard .pad-sm{padding-left:1px!important;padding-right:1px!important;min-width:39px}.component.component-win-keyboard .wide{margin-left:163px}.component.component-win-keyboard .esc{margin-right:15px}.component.component-win-keyboard .backspace,.component.component-win-keyboard .tab{min-width:44px}.component.component-win-keyboard .caps,.component.component-win-keyboard .enter{min-width:56px}.component.component-win-keyboard .shift{min-width:79px}.component.component-win-keyboard .spacebar{min-width:236px}.component.component-win-keyboard .arrow-up{margin-left:66px;margin-right:54px}.component.component-win-keyboard .num-enter,.component.component-win-keyboard .num-plus{position:absolute;right:1px;min-height:57px;line-height:57px}.component.component-win-keyboard .zero-wide{min-width:68px}.component.component-win-keyboard .vol-up>i{position:absolute;bottom:3px;left:17px;font-size:11px}.component.component-win-keyboard .vol-down>i{position:absolute;bottom:3px;left:18px;font-size:11px}.component.component-win-keyboard .vol-off>i{position:absolute;bottom:3px;left:19px;font-size:11px}.component.component-win-keyboard .bl{padding:12px 10px 7px;text-align:left}.component.component-win-keyboard .bl:after{font-size:.85em;display:block;position:absolute;top:2px;right:8px;content:attr(data-alt)}.component.component-win-keyboard .bl.hyphen:after{top:-1px}.component.component-win-keyboard .bl.backslash:after{top:3px;right:10px}.component.component-win-keyboard .bl.apostrophe:after,.component.component-win-keyboard .bl.comma:after,.component.component-win-keyboard .bl.fullstop:after,.component.component-win-keyboard .bl.semicolon:after{right:10px}.component-setting-keymap .section .section-title{vertical-align:middle}.component-setting-keymap .keymap-section .v-item-group .keymap{display:inline-block;margin:0 10px 10px 0;padding:5px 10px;text-align:center;border-radius:5px;border:1px solid transparent;cursor:pointer}.component-setting-keymap .keymap-section .v-item-group .keymap.active{background:#1295db;color:#fff}.component-setting-keymap .keymap-section .v-item-group .keymap:hover{border:1px solid #1295db}.component-setting-keymap .keymap-section #keymap-desc-container{width:100%;height:100px;border:2px solid #1295db}.component-setting-keymap .keymap-section .keymap-desc{width:0;height:0;visibility:hidden}.component-setting-keymap .keymap-section .keymap-desc.active{width:auto;height:auto;visibility:visible}.component.component-setting-songs{width:100%;height:auto;font-size:16px;overflow:hidden;position:relative}.component.component-setting-songs .section .section-title{vertical-align:middle}.component.component-setting-songs .title-bar{height:65px;padding:5px 15px;border-radius:5px 5px 0 0;border-bottom:2px dotted #1295db;position:relative}.component.component-setting-songs .title-bar .title-icon{transform:scale(1.2)}.component.component-setting-songs .search-bar{margin:20px 0}.component.component-setting-songs .component-view{width:100%;height:600px;border-radius:0 0 5px 5px;overflow-y:scroll;overflow-x:hidden}.component.component-setting-songs .component-view .section-sub-title{height:30px;line-height:30px;margin:5px 0;font-size:16px;font-weight:700;vertical-align:middle}.component.component-setting-songs .list{width:100%;margin:0;padding:0}.component.component-setting-songs .list .playing-list-item{font-size:22px}.component.component-setting-songs .list .playing-list-item a{color:#1295db;font-weight:700}.component.component-setting-songs .list .list-item{height:32px;list-style:none;line-height:32px;position:relative}.component.component-setting-songs .list .list-item a{display:inline-block;cursor:pointer}.component.component-setting-songs .list .list-item .tag{color:#ff5252;margin-left:5px}.component.component-setting-songs .list .list-item a:hover{color:#1295db}.component.component-setting-songs .list .list-item .item-features{width:auto;float:right}.component.component-setting-songs .list .list-item .item-features .feature{min-width:46px;height:100%;margin:0 10px 0 0;cursor:pointer}.component.component-setting-songs .list .list-item .item-features .feature .feature-icon{margin-right:5px}.component.component-setting-songs .search-empty-container{color:#ff5252;font-size:18px}.component-easy-share{width:auto}#app-setting.component-app-setting{margin:50px auto;padding:0}#app-setting.component-app-setting .tab-active{background:#1295db;color:#f0f0f0}#app-setting.component-app-setting .tab-active .v-icon{color:#f0f0f0}#app-setting.component-app-setting .v-tabs-items{background:none}.page-pc{width:100%;min-height:100vh;position:relative}.page-pc ul.website-tip{line-height:1.5}